html{
	overflow:auto;
}
body {
	background: url('images/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#container{
	padding: 20;
	margin-left:auto;
	margin-right:auto;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}

#logobody{
	float: left;
	position: fixed;
	left: 10%;
	
}


#loginbody{
	width: 400px;
	height: auto;
	float: right;
	padding: 20;
	position: absolute;
	right: 10%;
	background-color: rgba(0,0,0,0.8);
	color: white;	
   -webkit-border-radius: 10px;
           border-radius: 10px;
}

#welcome{
	font-size:25;
	font-weight:bold;
}

#login{
	padding:10;
	font-size:15;
}

#login input[type="text"] {
    width: 68%;
	float: right;
}

#login input[type="password"] {
    width: 68%;
	float: right;
}

#login input[type="submit"] {
	padding:5px 15px;
	background:#185256;
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:white;
	width:100%;
}

#signup{
	padding:10;
	font-size:15;
}


#signup input[type="text"] {
    width: 53%;
	float: right;
	padding:5;

}

#signup input[type="password"] {
    width: 53%;
	float: right;
	padding:5;
}

#signup input[type="submit"] {
	padding:5px 15px;
	background:#185256;
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:white;
	width:100%;
}

hr{
	width:75%;
	float: right;
	background-color:#185256;
}

@media screen and (max-width : 960px) {
	
	#logobody{
		float: left;
		left: 5%;	
	}
	#loginbody{
		width: 350px;
		height: auto;
		float: right;
		padding: 10;
		right: 5%;
}
}

@media screen and (max-width : 700px) {
	#loginbody{
		width: 350px;
		float: left;		
		padding-left: 4;
		left: 5%;
		top: 125px;
}
}

@media screen and (max-width : 400px) {
	#loginbody{
		width: 290px;
		margin-left:auto;
		margin-right:auto;
		top: 125px;
		left:0;
}
}


